<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <h1>登录</h1>
    <form action="http://www.baidu.com" method="POST" target="_self">
        <label for="email">邮箱：</label>
        <input type="text" id="email" name="email" value="123@qq.com">
        <br>
        <label for="email">邮箱1：</label>
        <input type="email" id="email1" name="email1">
        <br>
        <label for="username">用户名：</label>
        <input type="text" id="username" name="usrename" disabled>
        <br>
        <label for="pwd">密码：</label>
        <input type="password" id="pwd" name="mima" maxlength="6" autofocus><br>

        <label for="">性别：</label><br>
        <label for="male">男</label> <input type="radio" id="male" name="xb">
        <label for="female">女</label><input type="radio" id="female" name="xb">
        <input type="submit" value="注册">
        <!-- <button><img src="lz1.jpg" alt=""></button><br> -->
        <input type="reset">

    </form>
    <hr>
    <form action="">
        <p>第一题</p>
        <label for="a1">A </label>
        <input type="radio" id="a1" name="t1">
        <label for="b1">B</label>
        <input type="radio" id="b1" name="t1">
        <label for="c1">C</label>
        <input type="radio" id="c1" name="t1">
        <label for="d1">D</label>
        <input type="radio" id="d1" name="t1">
        <p>第二题</p>
        <label for="a2">A </label>
        <input type="radio" id="a2" name="t2">
        <label for="b2">B</label>
        <input type="radio" id="b2" name="t2">
        <label for="c2">C</label>
        <input type="radio" id="c2" name="t2">
        <label for="d2">D</label>
        <input type="radio" id="d2" name="t2">
        <p>第三题，多选</p>
        <label for="a3">A </label>
        <input type="checkbox" id="a3" name="t3">
        <label for="b3">B</label>
        <input type="checkbox" id="b3" name="t3">
        <label for="c3">C</label>
        <input type="checkbox" id="c3" name="t3">
        <label for="d3">D</label>
        <input type="checkbox" id="d3" name="t3">
        <br>
        <input type="reset">

    </form>
    <hr>
    <form action="">

        <label for="">上传文件</label>
        <input type="file">
        <br>
        <input type="button" value="input按钮">
        <br>
        <input type="time">
        <br>
        <button>按钮</button><br>
        <input type="range">
        <textarea></textarea>
    </form>
    <button>按钮</button>
    <!-- <input type="image" src="lz1.jpg"> -->
    <form name="myForm" action="javascript:(void);" method="POST" target="_blank">
        <label>英雄联盟被称为法术机关枪的英雄是：</label>
        <select>
                <option value="皎月女神·戴安娜">皎月女神·戴安娜</option>
                <option value="符文法师·瑞">符文法师·瑞兹</option>
                <option value="机械先驱·维克托">机械先驱·维克托</option>
                <option value="暗黑元首·辛德拉">暗黑元首·辛德拉</option>
                <option value="远古巫灵·泽拉斯">远古巫灵·泽拉斯</option>
            </select>
    </form>
    <form name="myForm" action="javascript:(void);" method="POST" target="_blank">
        <label>中国四大名著包括：</label>
        <select multiple>
                <option value="战争与和平">战争与和平</option>
                <option value="活着">活着</option>
                <option value="西游记">西游记</option>
                <option value="呼啸山庄">呼啸山庄</option>
                <option value="水浒传">水浒传</option>
                <option value="红楼梦">红楼梦</option>
                <option value="三国演义">三国演义</option>
            </select>
    </form>

    <form name="myForm" action="javascript:(void);" method="POST" target="_blank">
        <label>HenrryLee's 菜谱：</label>
        <select multiple size="13">
                <optgroup label="特色菜">
                    <option value="苦瓜烧鸭">苦瓜烧鸭</option>
                    <option value="泡椒鲫鱼">泡椒鲫鱼</option>
                    <option value="油爆大肠">油爆大肠</option>
                    <option value="藿香排骨">藿香排骨</option>
                </optgroup>
                <optgroup label="凉菜">
                    <option value="手拍黄瓜">手拍黄瓜</option>
                    <option value="蒜泥白肉">蒜泥白肉</option>
                    <option value="凉拌三丝">凉拌三丝</option>
                </optgroup>
                <optgroup label="汤类">
                    <option value="紫菜蛋花汤">紫菜蛋花汤</option>
                    <option value="白菜豆腐汤">白菜豆腐汤</option>
                    <option value="萝卜玉米汤">萝卜玉米汤</option>
                </optgroup>
            </select>
    </form>

    <form name="myForm" action="javascript:(void);" method="POST" target="_blank">
        <input type="text" placeholder="请选择/输入您喜欢的城市：" size="25" list="citys">
        <datalist id="citys">
                <option value="北京">北京</option>
                <option value="上海">上海</option>
                <option value="成都">成都</option>
                <option value="香港">香港</option>
                <option value="厦门">厦门</option>
                <option value="昆明">昆明</option>
                <option value="大理">大理</option>
            </datalist>
    </form>
    <form name="myForm" action="javascript:(void);" method="POST" target="_blank">
        <fieldset style="width:370px;">
            <legend>123</legend>
            <label>身高：</label><input type="text" id="height" name="info">
            <label>体重：</label><input type="text" id="weight" name="info">
        </fieldset>
    </form>
</body>

</html>